<template>
	<div>
        <l-map :center=[39,120]>
            <l-tile-layer :url=url :labelurl=labelurl :option=option></l-tile-layer>
        </l-map>
    </div>
</template>

<script>
import { LMap, LTileLayer } from '@/components/LMap';
export default {

	name: 'MapPage',
    components:{
        LMap,
        LTileLayer
    }, 
	data() {
		return {
            url:'https://t{s}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=0efafae741ce22381d2bf45adac084e3',
            labelurl:'https://t{s}.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=0efafae741ce22381d2bf45adac084e3',
            option:{
                maxZoom: 17,
				minZoom: 1,
				subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
				attribution:
					"<a target='_blank' href='https://www.tianditu.gov.cn/'>天地图</a>", 
            }
        };
	},

	methods: {},
};
</script>

<style lang="less" scoped></style>
